/* src/components/c-follower/index.wxss */


// Font
// $fontSize: 16PX;
// $fontSizeSmall: 14PX;
// $fontSizeSmaller: 12PX;
// $fontSizeLarge: 18PX;
// $fontSizeLarger: 22PX;
@import '../../../assets/scss/support';

.container{
    width:702rpx;
    height:120rpx;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding:0 24rpx;
    flex-wrap: nowrap
}

.left{
    width: 100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.fensi{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap
}

.nick-name{
    @include textoverflow(1);
    max-width: 300rpx;
    font-size: 28rpx;
}

.img-box{
    width:60rpx;
    height:60rpx;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14rpx;
}

.face-img{
    width:60rpx;
    height:60rpx;
}

.time{
    font-size: 24rpx;
    line-height: 24rpx;
    color:#666;
    margin-left: 50rpx;
}

.one {
  width: 70rpx;
  height: 36rpx;
  background: url('%ASSETS_IMG%/l-tab-vip_one@2x.png') no-repeat;
  background-size: cover;
  margin-left:20rpx;
}

.two {
  width: 70rpx;
  height: 36rpx;
  background: url('%ASSETS_IMG%/l-tab-vip_two@2x.png') no-repeat;
  background-size: cover;
  margin-left:20rpx;
}

.right{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.btn{
  color: #FFA042;
  font-size: 24rpx;
  line-height: 24rpx;
}